<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <!-- 理想视口的标准的写法 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <title>20-就业率85%</title>
  <link rel="stylesheet" href="./lib/font-awesome/css/font-awesome.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 首页导航 -->
  <nav>
    <!-- <a href="javascript:;">
      <img src="" alt="">
      <p></p>
    </a> -->
  </nav>

<img src="http://img10.360buyimg.com/n1/g13/M08/03/19/rBEhVFHUCF0IAAAAAAE6WA-oszMAAAvVQFF8CgAATpw626.jpg" alt="">
</body>

<!-- 模板 -->
<script id="navTpl" type="text/html">
  {{each arr value index }}
  <a href="{{value.titlehref}}">
     {{@ value.img}}
      <p>{{value.name}}</p>
    </a>
{{/each}}
 </script>
<!-- 模板 -->

<!-- 模板引擎 -->
<script src="./lib/arttemplate/template-web.js"></script>
<!-- zepto -->
<script src="./lib/zepto/zepto.js"></script>
<!-- 公共js -->
<script src="./js/common.js"></script>
<!-- index.js -->
<script src="./js/index.js"></script>

</html>